//初始化
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 微软雅黑;
}

a {
    text-decoration: none;
    display: block;
    color: #000;
}

ul {
    list-style: none;
}

div {
    // border: solid 1px;
}

//自适应设置
@function vw($px:1) {
    @return $px / 375 * 100vw;
}
@function vh($px:1) {
    @return $px / 667 * 100vh;
}
//容器样式
.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;

    //head部分样式
    .head {
        width: 100%;
        background-color: #f9f9f9;
        display: flex;
        align-items: center;
        flex-basis: vw(30);
        padding: vw(0) vw(10) vw(7);

        .esc,
        .share {
            flex-basis: vw(30);
            transform: rotate(180deg);
        }

        .head-text {
            flex: 1 1 auto;
            line-height: vw(30);
            text-align: center;
            font-size: vw(17);
        }
    }

    //资讯
    .info {
        width: vw(375);

        [class^=info-] {
            height: vw(100);
            display: flex;
            align-items: center;
            border-bottom: 1px solid #eee;
            img {
                margin-left: 10px;
                width: vw(115);
                height: vw(75);
            }

            .word {
                padding: 0 10px;
                height: vw(75);
                display: flex;
                flex-direction: column;
                justify-content: space-between;

                p:first-child {
                    font-size: vw(17);
                    color: #333333;
                    letter-spacing: 0;
                    line-height: vw(22);
                }

                p:last-child {
                    font-size: vw(11);
                    color: #9DA3B4;
                    letter-spacing: 0;
                }
            }
        }
    }
}